<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box1{
            border: 1px solid red;
            height: 600px;
            width: 600px;
            position: relative;
        }
        .box2{
            border: 1px solid red;
            height: 100px;
            width: 100px;
            position: absolute;
            left: 0px;
        }
        /*
        1这里面的定位的使用:
        绝对定位

        相对定位
        固定定位

        一般情况下,在一个盒子里面 ,外面的盒子使用绝对定位,里面的盒子
        使用相对与外面的盒子的相对定位,也就是里面的盒子,在大盒子里面一定

        */

    </style>
</head>
<body>


<div class="box1">
    <div class="box2"></div>

</div>
</body>
</html>